<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>3-5-3-列表组</title>
<link rel="stylesheet" href="lib/lib/css/bootstrap.min.css">
<style type="text/css">

</style>
</head>
<body>


<div class="container">
		<!-- <div class="list-group"></div> -->
		<ul class="list-group">
			<li class="list-group-item">11<span class="badge">10</span></li>
			<li class="list-group-item">22<span class="badge">10</span></li>
			<li class="list-group-item">33</li>
			<li class="list-group-item">4<span class="badge">10</span></li>
		</ul>

		<div class="list-group">
			<a href="#" class="list-group-item active">11</a>
			<a href="#" class="list-group-item">22</a>
			<a href="#" class="list-group-item">33</a>
			<a href="#" class="list-group-item">44</a>
		</div>

		<div class="list-group">
			<a href="#" class="list-group-item list-group-item-success">11</a>
			<a href="#" class="list-group-item list-group-item-info">22</a>
			<a href="#" class="list-group-item list-group-item-danger">33</a>
			<a href="#" class="list-group-item">44</a>
		</div>

		<div class="list-group">
			
				<a href="#" class="list-group-item list-group-item-success">
					<h4 class="list-group-heading">极客学院</h4>
					<p class="list-group-item-text">欢迎您欢迎您欢迎您欢迎您欢迎您</p>
				</a>

				<a href="#" class="list-group-item list-group-item-success">
					<h4 class="list-group-heading">极客学院</h4>
					<span class="">&times;&larr;&rarr;&laquo;&raquo;</span><br>
					<img src="images/logo.png" width="100px;" alt="">
				</a>
		</div>
		
		
</div>



<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script>
<script type="text/javascript">
	




</script>

</body>
</html>